<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html" />
	<meta name="author" content="Invisible Man" />

	<title>Upload</title>
    <style>
        * {margin:0;padding:0}

            .form_upload {
            width: 500px;
            height: 100px;
            border: 2px black solid;
            background: seashell;        
        }
    </style>
    <script type="text/javascript" src="js/jquery-1.9.1.js"></script>
    <script>
        $(document).ready(function() {
            $(window).resize(function(){
            $('.form_upload').css({
            position:'absolute',
            left: ($(window).width() - $('.form_upload').outerWidth())/2,
            top: ($(window).height() - $('.form_upload').outerHeight())/2
        });
    });
    // To initially run the function:
    $(window).resize();
        });
         $('f_form').submit(function(){
            $('#f_up').bind('click', function(){
               var fname = $('#btnSubmit').val();
               alert(fname);
               return false; 
            });
        }); 
    </script>
</head>

<body>
        <div class="form_upload">
            <form method="POST" action="#sent" enctype="multipart/form-data" id="f_form">
                <fieldset>
                    <legend>
                        Upload Your File
                    </legend>
                    <input type="file" name="fUpload" id="f_up" />
                    <input type="submit" id="btnSubmit"/>
                </fieldset>
            </form>
        </div>

</body>
</html>